<template>
  <div class="box">
    <h2>Child111 component</h2>
    <h3>count: {{count}}, count is {{evenOrOdd}}</h3>
  </div>
</template>

<script>
import {mapState, mapGetters} from 'vuex'
export default {
  name: 'Child1',

  computed: {
    // count () {
    //   return this.$store.state.count
    // },

    // evenOrOdd () {
    //   return this.$store.getters.evenOrOdd
    // }

    ...mapState(['count']),
    ...mapGetters(['evenOrOdd']),
  }
}
</script>

<style scoped>

</style>
